<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <link rel="stylesheet" href="/schedule/css/style.css" />
  <!-- 引入样式 -->
  <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
  <!-- 引入组件库 -->
  <script src="https://unpkg.com/element-ui/lib/index.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
  <title>Form Input Wave</title>
</head>

<body>
  <div id="app">
    <div class="container">

      <h1>Please Login</h1>

      <form action="/schedule/login" method="post">

        <div class="form-control">
          <input id="username" v-model="user.username" name="username" type="text" required>
          <label>Email</label>
        </div>

        <div class="form-control">
          <input id="password" name="password" v-model="user.password" type="password" required>
          <label>Password</label>
        </div>

        <div class="form-control wufeng">
          <input id="code" name="code" type="code" required>
          <label>验证码</label>
          <button class="label">获取验证码</button>
        </div>



        <button class="btn" @click="login">登陆</button>

        <p class="text">Don't have an account? <a href="../static/register.html">注册</a> </p>
      </form>


    </div>
  </div>

  <script src="/schedule/js/script.js"></script>
  <script src="../static/js/axios-0.18.0.js"></script>

  <script>

    new Vue({
      el: '#app',

      methods: {
        // login(){
        //   var _this = this;
        //   axios({
        //     method:"post",
        //     url:"/schedule/login",
        //     data:_this.user
        //   }).then(resp =>{
        //     //设置表格数据
        //
        //   })
        // }
      },


      data(){
        return {
          user: {
            username: '',
            password: '',

          },
        }
      }



    })


  </script>
</body>
</html>